<div class="free-text">
  <slot></slot>
</div>
<style>
  :global(.free-text) {
    margin: 20px;
  }
  :global(.free-text p) {
    margin: 30px 0;
  }
  :global(.free-text) {
    overflow-y: auto; /* fixes weird iOS Safari bug where scrolling gets stuck */
  }

  @media (max-width: 240px) {
    :global(.free-text) {
      margin: 10px;
    }
    :global(.free-text p) {
      margin: 15px 0;
    }
  }
</style>
